.time{
	background: url(../img/oiler_infoNotes..png) no-repeat bottom #202a43;
	background-size: 100%;
	padding: 0.75rem;
}
.time-year{
}
.time-year >select{
    font-size: 0.9rem;
    color: #FFFFFF;
    width: 20%;
    margin: 0 auto;
}
.time-month{
	color: #FFFFFF;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.time-month > span:nth-child(2){
	font-size: 4rem;
}
.time-month > span:nth-child(3){
	margin-top: 2rem;
}
.time-month > i:nth-child(1){
	margin-right: 1.5rem;
	font-size: 1.5rem;
}
.time-month > i:nth-child(4){
	margin-left: 1.5rem;
	font-size: 1.5rem;
}
.notesList-box{
	
}
.notesList{
    display: flex;
    justify-content: center;
    align-items: stretch;
    background-color: #FFFFFF;
}
.notesList-left{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
}
.notesList-left > span{
	display: inline-flex;
	background: #00cab5;
	color: #FFFFFF;
	width: 2rem;
	height: 2rem;
	border-radius: 2.5rem;
	justify-content: center;
	align-items: center;
	font-size: 0.9rem;
}
.notesList-center{
    width: 60%;
    display: flex;
    font-size: 0.6rem;
    color: #333333;
    flex-direction: column;
    justify-content: center;
    padding: 0.5rem 0.25rem 0.5rem 0;
}
.notesList-right{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	color: #FFFFFF;
	background-color: #e1e1e1;
	font-size: 0.9rem;
}
